<template>
  <div>
    <header class="pcHeader">
      <div class="container">
        <div class="row">
          <div class="col-md-2 logo">
            <router-link to="/"><img src="../assets/img/index/logo.png" alt="logo"></router-link>
          </div>
          <div class="col-md-3 mobile">
            <strong>淘宝培训</strong>
            <img src="../assets/img/index/mobile.png" alt="mobile">
            <a><span>0731-</span><em>85824178</em></a>
          </div>
          <div class="col-md-2 weixin" >
            <img src="../assets/img/index/weixin.png" alt="weixin">
            <img src="../assets/img/index/erweima.png" alt="erweima">
          </div>
          <div class="col-md-5">
            <div class="PCNav">
              <router-link to="/">首页</router-link>
              <router-link to="/about">关于我们</router-link>
              <router-link to="/advice">淘宝资讯</router-link>
              <router-link to="/case">优秀案例</router-link>
            </div>
            <button><strong><a target="_blank" style="color:white;" href="http://wpa.qq.com/msgrd?v=3&uin=417260335&site=qq&menu=yes">免费咨询</a></strong><img src="../assets/img/index/rightArrow1.png" alt="arrow"></button>
          </div>
        </div>
      </div>
    </header>
    <header class="mobileHeader">
      <div class="container">
        <div class="row">
          <div class="col-xs-4">
            <router-link to="/"><img src="../assets/img/index/logo.png" alt="logo"></router-link>
          </div>
          <div class="col-xs-5">
            <strong>淘宝培训</strong>
            <img src="../assets/img/index/mobile.png" alt="mobile">
            <a><span>0731-</span><em>85824178</em></a>
          </div>
          <div class="col-xs-3">
            <button><strong><a target="_blank" style="color:white;" href="http://wpa.qq.com/msgrd?v=3&uin=417260335&site=qq&menu=yes">免费咨询</a></strong><img src="../assets/img/index/rightArrow1.png" alt="arrow"></button>
          </div>
        </div>
      </div>
    </header>

    <nav class="PCNavbar">
      <div class="container">
        <div class="row">
          <div class="col-md-1"></div>
          <div class="col-md-1">
            <img src="../assets/img/index/list.png" alt="">
          </div>
          <div class="col-md-8">
            <ul>
              <li>
                <p><a href="#"><span>电商课程</span><img src="../assets/img/index/hot.png" alt=""></a></p>
                <ul class="NavChild">
                  <li> <router-link to="/electronicPract">电商运营实操班</router-link></li>
                  <li><router-link to="/electronicPro">电商运营精英班</router-link></li>
                  <li><router-link to="/view">美工视觉提升班</router-link></li>
                  <li><router-link to="/abroad">阿里巴巴/跨境班</router-link></li>
                  <li><a href="#">一年内免费复训</a></li>
                </ul>
              </li>
              <li>
                <p><router-link to="/enterprise">企业孵化</router-link></p>
              </li>
              <li>
                <p> <router-link to="/goverment">政府合作</router-link></p>
              </li>
              <li>
                <p><a href="#">增值服务</a></p>
                <ul class="NavChild">
                  <li><router-link to="/artDesign">美工外包</router-link></li>
                  <li><router-link to="/photograph">产品摄影</router-link></li>
                  <li><router-link to="/train">直通车代开</router-link></li>
                  <li><a href="#">优质商家资源</a></li>
                </ul>
              </li>
              <li>
                <p><a href="#">网站/微商城</a></p>
              </li>
              <li>
                <p><a href="#">● ● ●</a></p>
                <ul class="NavChild">
                  <li><a href="advice.html">课件下载</a></li>
                  <li><a href="#">公开课</a></li>
                  <li><a href="#">论坛</a></li>
                </ul>
              </li>
            </ul>
          </div>
          <div class="col-md-1">
            <a href="login.html">登录</a>
            <a href="register.html">注册</a>
          </div>
          <div class="col-md-1"></div>
        </div>



      </div>
    </nav>
    <nav class="mobileNavbar">
      <div class="container">
        <div class="row">
          <div class="col-xs-1">
            <img src="../assets/img/index/list.png" alt="">
          </div>
          <div class="col-xs-11">
            <ul>
              <li>
                <p><router-link to="/about">关于我们</router-link></p>
              </li>
              <li>
                <p><router-link to="/electronicPract">电商课程</router-link></p>
              </li>
              <li>
                <p> <router-link to="/enterprise">企业孵化</router-link></p>
              </li>
              <li>
                <p><router-link to="/goverment">政府合作</router-link></p>
              </li>
              <li>
                <p><router-link to="/">建站</router-link></p>
              </li>
              <li>
                <p><a href="#">● ● ●</a></p>
                <ul class="NavChild">
                  <li><router-link to="/electronicPract">实操班</router-link></li>
                  <li><router-link to="/electronicPro">精英班</router-link></li>
                  <li><router-link to="/view">美工班</router-link></li>
                  <li><router-link to="/abroad">跨境班</router-link></li>
                </ul>
              </li>
            </ul>
          </div>

        </div>
      </div>
    </nav>
  </div>
</template>

<script>
  import '../assets/js/index';
  export default {
    name: "common-header"
  }
</script>

<style scoped>
  @import '../assets/css/header.css';
</style>
